// 颜色配置
$blue:#324157;
$light-blue:#3A71A8;
$red:#C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;
//文字大小配置
$smallText:1rem;
$mediumText:1.5rem;
$bigText:2.5rem;
//login配置
$loginBg:url('~@/assets/default/bg.jpg');

//header配置
$headerHeight:7rem;
$headerPadding:0 1rem;
$headerTextSize:3rem;
$headerTextColor:#fff;
$headerBackground: url('~@/assets/default/bg.jpg');
//logo配置
$logoHeight:3rem;
$logoWidth:3rem;
$logoShow:block;
$logoBackground:url('~@/assets/logo.png');
//sidebar配置
$menuText:#fff;
$menuTextFontSize:1rem;
$menuActiveText:orange;
$subMenuActiveText:#2bf3af;

$menuBg:rgba(8, 103, 190, 0.3);
$menuHover:orange;
$menuActive:#000;

$rightMenuBg:#000; 

$indentationBg:#000;
$indentationIconColor:red;

$subMenuTextFontSize:0.91rem;
$subMenuBg:rgba(8, 103, 190, 0.3);
$subMenuHover:rgba(8, 103, 190, 0.3);
$subMenuActive:rgba(8, 103, 190, 0.3);
$sideBarWidth: 210px;
$sidebarBackground:url('~@/assets/default/bg.jpg');

//tab页配置
$tabContainerHeight:3rem;
$tabFontSize:0.9rem;
$tabCircleWh:0.5rem;
$tabBg:#000;
$tabBgActive:red;
$tabText:#fff;
$tabTextActive:green;
$tabCircleActive:green;
$iconCloseWh:0.9rem;
$iconCloseHoverBg:green;
$iconCloseHoverColor:#000;

//AppMain内容页设置
$appMainPadding:0.7rem;

// :export是webpack的语法糖
:export {
  sideBarWidth: $sideBarWidth;

  headerHeight: $headerHeight;

  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
}